<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
       {ms:include filename=headFile.htm/} 
</head>

<body>
{ms:include filename=head.htm/} 



    <!-- 文章展示 start-->
    <style>
        .article-detail{width: 790px;float: left;background: #fff;}
        .article-detail-title{font-size: 24px;text-align: center;padding-bottom: 10px;}
        .article-detail-meta{text-align: center;}
        .article-detail-header{padding: 30px 0;border-bottom: 1px solid #ddd;margin: 0 30px;}
        .article-more{float: right;width: 390px;min-height: 100px;}
        .article-more-fixed{width: 390px;background: #fff;padding-top: 10px;top:0}
        .content-article{font-size: 16px;padding: 30px 0;margin: 0 30px;}
        .article-more-title{margin-left: 10px;border-left: 2px solid #A17E41;padding-left: 10px;font-size: 16px;margin-bottom: 10px;}
        .article-more-list {margin: 10px 20px;border-top: 1px solid #eee;padding-top: 10px;}
        .article-more-list li{height: 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
        .article-more .border{height: 20px;background: #F3F2F2;margin-bottom: 10px;}
    </style>
    <div class="container clearfix" style="margin-top:20px;position:relative;">
        <div class="article-detail">
            <div class="article-detail-header">
                <h1 class="article-detail-title cGold">{ms:field.title/}</h1>
                <div class="article-detail-meta cGray">发布时间：{ms:field.date fmt=yyyy-MM-dd hh:mm:ss/}</div>
            </div>
            <div class="content-article">
            		{ms:field.content/}
             </div>
        </div>
        <div class="article-more">
            <div class="article-more-fixed">
                <div class="article-more-title">
                    公告通知
                </div>
                <ul class="article-more-list">
                    	{ms:arclist typeid=59 size=5 }
                    		 <li><a href="[field.link/]">[field.title/]</a></li>
                    	{/ms:arclist}
                </ul>

                <div class="border"></div>

                <div class="article-more-title">
                    推荐阅读
                </div>
                <ul class="article-more-list">
                    	{ms:arclist typeid=70 size=5 }
                    		 <li><a href="[field.link/]">[field.title/]</a></li>
                    	{/ms:arclist}
                </ul>
            </div>
        </div>
    </div>
    <!-- 文章展示 end-->

  {ms:include filename=foot.htm/}   
    <script>
        var fixedEl = $('.article-more-fixed'),
            moreEl = $('.article-more'),
            articleEl = $('.article-detail'),
            $win = $(window);
        $win.on('scroll', function(){
            if($win.scrollTop()>moreEl.offset().top){
                fixedEl.css({position:'fixed',top:0,bottom:'auto'});
            }else{
                fixedEl.css({position:'static'});
            }

            if($win.scrollTop()+fixedEl.height()>=articleEl.height()+articleEl.offset().top){
                fixedEl.css({
                    position:'absolute',
                    top:'auto',
                    bottom:0
                })
            }
        })
    </script>
</body>

</html>